    <template>
        <div class="newsinfo-container">
            <!--//大标题-->
            <h3 class="title">新闻资讯详情{{ newsinfo.title }}></h3>
            <!--//子标题-->
            <p class="subtitle">
                <span>发布时间：456{{ newsinfo.add_time }}</span>
                <span>点击次数：{{ newsinfo.click }}</span>
            </p>
            <!--//内容区域-->


            <!--//评论子组件区域-->
            <comments-box :id="this.id"></comments-box>

        </div>
    </template>

    <script>
        import { Toast } from "mint-ui";

        // 1、导入评论子组件
        import comment from '../subcomments/comment.vue'

         export default {
            data (){
                return {
                    id: this.$route.params.id, // 将 URL 地址中传递过来的 Id值，挂载到 data上，方便以后调用
                    newsinfo:{}  // 用来存放新闻资讯详细信息
                }
            },
            created(){
                this.getNewsInfo();
            },
            methods:{
                getNewsInfo(){
                    // 获取新闻详情
                    this.$http.get("../../../static/getnews.json?this.id").then(result => {
                    console.log(this.id)  // 可以输出
                    console.log(result)  //有内容
                    console.log(result.body)   // 获取不到，为空
                        //if (result.body.status === 0) {
                        //  this.newsinfo = result.body.message[0];
                        //Toast("获取新闻成功！");
                        //} else {
                        //  Toast("获取新闻失败！");
                        //}
                    });
                }
            },
            components:{  // 2、用来注册评论子组件
                "comments-box":comment
            }
        }
    </script>

    <style lang="scss" scoped>
        .newsinfo-container {
            padding:0 4px;
            .title {
                font-size:16px;
                color:red;
                margin:15px 0;
                text-align:center;
            }
            .subtitle {
                display:flex;
                justify-content: space-between;
                font-size:13px;
                color:blue;
            }
        }
    </style>